@charset "utf-8";
/* CSS Document */

body{
	width: 100%;
	display:block;	
	direction:rtl;
	font-family:Tahoma, Geneva, sans-serif;
	text-align:center;
	margin: 0 auto;
}
#main_div {
	display: block;
	padding: 5px; 
	margin: 0 auto; 
	text-align: center;
}

#main_div .nav  
{
    overflow: hidden;
    margin: 0 auto; 
    list-style:none; 
    }
    
#main_div .nav li  
{
    width: 55px; 
    display:inline-block; 
    margin: 3px; 
    margin-top: 5px;
    }
#main_div .nav li.last  
{
    margin-right: 2px; 
    margin-left: 2px;
    }
#main_div .nav li a  
{
    display: block; 
    height: 50px; 
    line-height:50px;
    padding: 2px; 
    background: #959290; 
    color: white; 
    font-size: 14px; 
    text-align: center; 
    border: 0; 
    text-decoration:none; 
    margin:0 auto;
    }
#tabs_wrap .nav li a  
{
    font-size: 36px;
    background: #0e75f4; 
    }

#main_div .nav li a:hover  
{
    background-color: #EEA2AD; 
    }

#main_div ul  
{
    list-style: none; 
    direction:rtl;
    padding: 10px;
    }
#main_div ul li a  
{
    display: block; 
    border-bottom: 1px solid #666; 
    padding: 3px; 
    color: #666;
    }
#main_div ul li a:hover, #main_div ul li a:focus  
{
    background: #fe4902; 
    color: white; 
    }

#main_div li.nav-one a.current, ul.personal_details li a:hover  
{
    background-color: #0575f4; 
    color: white; 
    }
#main_div li.nav-two a.current, ul.habits1 li a:hover  
{
    background-color: #d30000; 
    color: white; 
    }
#main_div li.nav-three a.current, ul.jquerytuts li a:hover  
{
    background-color: #8d01b0; 
    color: white; 
    }
#main_div li.nav-four a.current, ul.classics li a:hover  
{
    background-color: #FE4902; 
    color: white; 
    }
#main_div li.nav-five a.current, ul.personal_details li a:hover  
{
    background-color: #C93; 
    color: white; 
    }
#main_div li.nav-six a.current, ul.habits1 li a:hover  
{
    background-color: #03F; 
    color: white; 
    }
#main_div li.nav-seven a.current, ul.Allergies_sensitivities li a:hover  
{
    background-color: #090; 
    color: white; 
    }
#main_div li.nav-eight a.current, ul.classics li a:hover  
{
    background-color: #F3C; 
    color: white; 
    }
#main_div li.nav-nine a.current, ul.classics li a:hover  
{
    background-color: #00C; 
    color: white; 
    }

#tabs_wrap
{
	width:100%;
	margin:0 auto;

}
#tabs_wrap .nav li
{
    width:100%;
    display: block;
} 
#list-wrap{
	margin: 0 auto;
	list-style:none;
}
h3{
	text-align:center;
}

section
{
    float: right;
    width: 320px;
    height: 230px;
    margin-right: 95px;
    border    
}
#debug_button
{
    clear:both;
    position:relative;
    top: 200px;    
    background-color:yellow;
}